<template>
  <div>
    <div class="xian"></div>
    <el-card class="box-card mainBg">
      <div class="userTop">
        <h3 class="userTopTit">稻城亚丁布拉达温泉 {{this.$route.query.id}}</h3>
      </div>
      <el-table :data="tableData" class="orderTable orderTable3">
        <el-table-column prop="loginTime" label="最近登录时间" align="center" style="width:25%">
        </el-table-column>
        <el-table-column prop="rechargeTime" label="最近充值时间" align="center" style="width:25%">
        </el-table-column>
        <el-table-column prop="consumptionTime" label="最近消费时间" align="center" style="width:25%">
        </el-table-column>
        <el-table-column prop="AccountBalance" label="账户余额（含虚拟币）" align="center" style="width:25%">
        </el-table-column>
        <el-table-column prop="consumedAmount" label="已充值金额（元）" align="center" style="width:25%">
        </el-table-column>
        <el-table-column prop="proportion" label="已消费广告金额（元）" align="center" style="width:25%">
        </el-table-column>
        <el-table-column prop="orderNum" label="广告订单数" align="center" style="width:25%">
        </el-table-column>
        <el-table-column prop="remark" label="备注" align="center" style="width:25%">
        </el-table-column>
      </el-table>
      <div class="pageBox">
        <el-button type="primary" @click="back">返 回</el-button>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          loginTime: "2018-09-22",
          rechargeTime: "2018-09-22",
          consumptionTime: "2018-09-22",
          AccountBalance: "2134.00",
          consumedAmount: "9000.00",
          proportion: "9000.00",
          orderNum: "55",
          remark: "高级客户"
        },
        {
          loginTime: "2018-09-22",
          rechargeTime: "2018-09-22",
          consumptionTime: "2018-09-22",
          AccountBalance: "2134.00",
          consumedAmount: "9000.00",
          proportion: "9000.00",
          orderNum: "55",
          remark: "高级客户"
        }
      ]
    }
  },
  methods: {
    back() {
      this.$router.push({name:'noLoginAccount'})
    }
  }
}
</script>
